<div class="panel border-primary no-border border-3-top topcss" data-panel-control>
    <div class="panel-heading">
        <div class="panel-title">
            <h5>&nbsp;&nbsp;&nbsp;信息中心</h5>
        </div>
    </div>
    <div class="panel-body">
        <ql-menu [model]="index" (modelChange)="handle($event)" class="ql-menu-demo" mode="horizontal">
            <ql-menu-item index="1">客户信息</ql-menu-item>
            <ql-menu-item index="2">产品信息</ql-menu-item>
            <ql-menu-item index="3">营销信息</ql-menu-item>
            <ql-menu-item index="4">业绩信息</ql-menu-item>
        </ql-menu>

        <div *ngIf="tabIndex=='1'">
            <ql-menu [model]="oneIndex" (modelChange)="oneHandle($event)" class="ql-menu-demo activecss" mode="horizontal" background-color="#292f43" active-text-color="#ffd04b" text-color="#fff">
                <ql-menu-item index="1">我的客户</ql-menu-item>
                <ql-menu-item index="2">待推荐客户</ql-menu-item>
                <ql-menu-item index="3">新分配客户</ql-menu-item>
                <ql-menu-item index="4">营销活动客户</ql-menu-item>
                <ql-menu-item index="5">大额资金转入客户</ql-menu-item>
            </ql-menu>
            <div *ngIf="oneIndex=='1'">
                <table class="table table-striped table-bordered table-hover">
                    <thead class="fontfour">
                        <tr>
                            <th scope="col">客户号</th>
                            <th scope="col">客户名称</th>
                            <th scope="col">客户等级</th>
                            <th scope="col">性别</th>
                            <th scope="col">年龄</th>
                            <th scope="col">手机号</th>
                            <th scope="col">AUM</th>
                            <th scope="col">资产余额</th>
                            <th scope="col">上日资产变动</th>
                            <th scope="col">年累计资产变动</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let data of res.list; let i = index" class="fontthree">
                            <td>{{data.customerNo}}</td>
                            <td>{{data.customerName}}</td>
                            <td>{{data.level}}</td>
                            <td>{{data.sex}}</td>
                            <td>{{data.age}}</td>
                            <td>{{data.phone}}</td>
                            <td class="ql-text-right">￥{{data.aum}}</td>
                            <td class="ql-text-right">￥{{data.amount}}</td>
                            <td class="ql-text-right">￥{{data.dayAmount}}</td>
                            <td class="ql-text-right">￥{{data.yearAmount}}</td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="10">
                                <button type="button" class="btn btn-primary btn-sm buttoncss">更多</button>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div *ngIf="oneIndex=='2'">
                <table class="table table-striped table-bordered table-hover">
                    <thead class="fontfour">
                        <tr>
                            <th scope="col">客户号</th>
                            <th scope="col">客户名称</th>
                            <th scope="col">客户等级</th>
                            <th scope="col">性别</th>
                            <th scope="col">年龄</th>
                            <th scope="col">手机号</th>
                            <th scope="col">AUM</th>
                            <th scope="col">资产余额</th>
                            <th scope="col">上日资产变动</th>
                            <th scope="col">年累计资产变动</th>
                            <th scope="col"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let data of res.undo; let i = index" class="fontthree">
                            <td>{{data.customerNo}}</td>
                            <td>{{data.customerName}}</td>
                            <td>{{data.level}}</td>
                            <td>{{data.sex}}</td>
                            <td>{{data.age}}</td>
                            <td>{{data.phone}}</td>
                            <td class="ql-text-right">￥{{data.aum}}</td>
                            <td class="ql-text-right">￥{{data.amount}}</td>
                            <td class="ql-text-right">￥{{data.dayAmount}}</td>
                            <td class="ql-text-right">￥{{data.yearAmount}}</td>
                            <td>
                                <em class="fa fa-user-plus hand " title="推荐" class="cursorcss"></em>
                            </td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="11">
                                <button type="button" class="btn btn-primary btn-sm buttoncss">更多</button>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div *ngIf="oneIndex=='3'">
                <table class="table table-striped table-bordered table-hover">
                    <thead class="fontfour">
                        <tr>
                            <th scope="col">客户号</th>
                            <th scope="col">客户名称</th>
                            <th scope="col">客户等级</th>
                            <th scope="col">性别</th>
                            <th scope="col">年龄</th>
                            <th scope="col">手机号</th>
                            <th scope="col">AUM</th>
                            <th scope="col">分派时间</th>
                            <th scope="col">分派渠道</th>
                            <th scope="col">分派人</th>
                            <th scope="col"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let data of res.assign; let i = index" class="fontthree">
                            <td>{{data.customerNo}}</td>
                            <td>{{data.customerName}}</td>
                            <td>{{data.level}}</td>
                            <td>{{data.sex}}</td>
                            <td>{{data.age}}</td>
                            <td>{{data.phone}}</td>
                            <td class="ql-text-right">￥{{data.aum}}</td>
                            <td>{{data.assignDate}}</td>
                            <td>{{data.channel}}</td>
                            <td>{{data.clerkName}}</td>
                            <td>
                                <em class="fa fa-arrow-right hand " title="处理" class="cursorcss"></em>
                            </td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="11">
                                <button type="button" class="btn btn-primary btn-sm buttoncss">更多</button>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div *ngIf="oneIndex=='4'">
                <table class="table table-striped table-bordered table-hover">
                    <thead class="fontfour">
                        <tr>
                            <th scope="col">客户号</th>
                            <th scope="col">客户名称</th>
                            <th scope="col">客户等级</th>
                            <th scope="col">性别</th>
                            <th scope="col">年龄</th>
                            <th scope="col">手机号</th>
                            <th scope="col">AUM</th>
                            <th scope="col">资产余额</th>
                            <th scope="col">营销活动</th>
                            <th scope="col">参与活动日期</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let data of res.campaign; let i = index" class="threefour">
                            <td>{{data.customerNo}}</td>
                            <td>{{data.customerName}}</td>
                            <td>{{data.level}}</td>
                            <td>{{data.sex}}</td>
                            <td>{{data.age}}</td>
                            <td>{{data.phone}}</td>
                            <td class="ql-text-right">￥{{data.aum}}</td>
                            <td class="ql-text-right">￥{{data.amount}}</td>
                            <td>{{data.campaignName}}</td>
                            <td>{{data.campaignDate}}</td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="11">
                                <button type="button" class="btn btn-primary btn-sm buttoncss">更多</button>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div *ngIf="oneIndex=='5'">
                <table class="table table-striped table-bordered table-hover">
                    <thead class="fontfour">
                        <tr>
                            <th scope="col">客户号</th>
                            <th scope="col">客户名称</th>
                            <th scope="col">客户等级</th>
                            <th scope="col">性别</th>
                            <th scope="col">年龄</th>
                            <th scope="col">手机号</th>
                            <th scope="col">AUM</th>
                            <th scope="col">资产余额</th>
                            <th scope="col">上日资产变动</th>
                            <th scope="col">年累计资产变动</th>
                            <th scope="col"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let data of res.amount; let i = index" class="fontthree">
                            <td>{{data.customerNo}}</td>
                            <td>{{data.customerName}}</td>
                            <td>{{data.level}}</td>
                            <td>{{data.sex}}</td>
                            <td>{{data.age}}</td>
                            <td>{{data.phone}}</td>
                            <td class="ql-text-right">￥{{data.aum}}</td>
                            <td class="ql-text-right">￥{{data.amount}}</td>
                            <td class="ql-text-right">￥{{data.dayAmount}}</td>
                            <td class="ql-text-right">￥{{data.yearAmount}}</td>
                            <td>
                                <em class="fa fa-arrow-right hand " title="处理" class="cursorcss"></em>
                            </td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="11">
                                <button type="button" class="btn btn-primary btn-sm buttoncss">更多</button>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
        <div *ngIf="tabIndex=='2'">
            <table class="table table-striped table-bordered table-hover">
                <thead class="fontfour">
                    <tr>
                        <th scope="col">产品编号</th>
                        <th scope="col">产品名称</th>
                        <th scope="col">产品详情</th>
                        <th scope="col">产品价格</th>
                        <th scope="col">上架时间</th>
                        <th scope="col">下架时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor="let data of products; let i = index" class="fontthree">
                        <td>{{data.productNo}}</td>
                        <td>{{data.productName}}</td>
                        <td>{{data.content}}</td>
                        <td class="ql-text-right">￥{{data.price}}</td>
                        <td>{{data.startDate}}</td>
                        <td>{{data.endDate}}</td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="10">
                            <button type="button" class="btn btn-primary btn-sm buttoncss">更多</button>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div *ngIf="tabIndex=='3'">
            <table class="table table-striped table-bordered table-hover">
                <thead class="fontfour">
                    <tr>
                        <th scope="col">营销活动名称</th>
                        <th scope="col">覆盖人数</th>
                        <th scope="col">起始时间</th>
                        <th scope="col">结束时间</th>
                        <th scope="col">业务部门</th>
                        <th scope="col">业务目标</th>
                        <th scope="col">营销渠道</th>
                        <th scope="col"></th>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor="let data of campaigns; let i = index" class="fontthree">
                        <td>{{data.targetName}}</td>
                        <td>{{data.count}}</td>
                        <td>{{data.familyAUM}}</td>
                        <td>{{data.dayChangeAmount}}</td>
                        <td>{{data.deptName}}</td>
                        <td>{{data.target}}</td>
                        <td>{{data.channel}}</td>
                        <td>
                            <em class="fa fa-arrow-right hand " title="处理" class="cursorcss"></em>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="10">
                            <button type="button" class="btn btn-primary btn-sm buttoncss">更多</button>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div *ngIf="tabIndex=='4'">
            <table class="table table-striped table-bordered table-hover">
                <thead class="fontfour">
                    <tr>
                        <th scope="col">指标名称</th>
                        <th scope="col">单位</th>
                        <th scope="col">余额</th>
                        <th scope="col">日增量/发生额</th>
                        <th scope="col">日/年排名</th>
                        <th scope="col"></th>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor="let data of factors; let i = index" class="fontthree">
                        <td>{{data.factorName}}</td>
                        <td>{{data.unit}}</td>
                        <td>{{data.amount}}</td>
                        <td>{{data.dayAmount}}</td>
                        <td>{{data.rank}}</td>
                        <td>
                            <em class="fa fa-arrow-right hand " title="处理" class="cursorcss"></em>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="10">
                            <button type="button" class="btn btn-primary btn-sm buttoncss">更多</button>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
